@extends('admin.layout.layout')
@section('title','商品修改')
@section('con')
<div id="page-wrapper" >
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">商品修改</h1>
        </div>
    </div>
    <!-- /.row -->
    <div class="row">
        <div class="col-lg-12 col-lg-offset-">
            <div class="panel panel-default">
                <div class="panel-heading">
                    修改商品信息
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2 ">
                            <form role="form" action="{{url('/admin/goods/doedit')}}" method="post" enctype="multipart/form-data">
                                <div class="form-group " style="width:300px">
                                    <label>所属商品分类:</label>
                                    <select class="form-control" name="cid" >
                                        <option disabled value="0">请选择商品类别</option>
                                        <?php
                                            foreach($cates as $k=>$v){
                                        ?>
                                            <option value="{{$v->cid}}" <?php if($v->cid == $goods->cid){echo "selected";} ?>>{{$v->cname}}</option>
                                        <?php
                                            }
                                        ?>
                                    </select>
                                    <span></span>
                                </div>
                                <div class="form-group " style="width:300px">
                                    <label>所属商家:</label>
                                    <select class="form-control" name="sid">
                                        <option disabled value="0">请选择商店</option>
                                        <?php
                                            foreach($shops as $k=>$v){
                                        ?>
                                            <option value="{{$v->sid}}" <?php if($v->sid == $goods->sid){echo "selected";} ?>>{{$v->sname}}</option>

                                        <?php 
                                            } 
                                        ?>
                                    </select>
                                    <span></span>
                                </div>
                                <div class="form-group " style="width:300px">
                                    <label>商品名称:</label>
                                    <input class="form-control" type="text" name="gname" value="{{$goods->gname}}" readmin="请输入修改信息"><span></span>
                                </div>
                               <div class="form-group " style="width:300px">
                                    <label>商品价格:</label>
                                    <input class="form-control" type="text" name="gprice" value="{{$goods->gprice}}" readmin="请输入修改信息"><span></span>
                                </div>
                                <div class="form-group " style="width:300px">
                                    <label>商品主图:</label>
                                    <input type="file" name="gpic" value=""><span></span>
                                    <input type="hidden" name="oldgpic" value="{{$goods->gpic}}"><span></span>
                                    <img src="{{asset($goods->gpic)}}" width="200px" alt="">
                                </div>
                                <div class="form-group" style="width:300px">
                                    <label>商品颜色:</label>
                                    <input class="form-control" type="text" name="gcolor" value="{{$goods->gcolor}}" readmin="输入不同颜色时请用逗号隔开"><span></span>
                                </div>
                                <div class="form-group" style="width:300px">
                                    <label>商品尺码:</label>
                                    <input class="form-control" type="text" name="gsize" value="{{$goods->gsize}}" readmin="输入不同尺码时请用逗号隔开"><span></span>
                                </div>
                                    <script type="text/javascript" charset="utf-8" src="/BAIDUUTF8/ueditor.config.js"></script>
                                    <script type="text/javascript" charset="utf-8" src="/BAIDUUTF8/ueditor.all.min.js"> </script>
                                    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
                                    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
                                    <script type="text/javascript" charset="utf-8" src="/BAIDUUTF8/lang/zh-cn/zh-cn.js"></script>
                                <div>
                                    <label>商品描述:</label>
                                    <script id="editor" class="gintro" name="gintro" type="text/plain" style="width:500px;height:200px;">{!! $goods->gintro !!}</script><span></span>
                                </div>
                                <br>
                                
                                <div class="form-group " style="width:300px">
                                    <label>品牌:</label>
                                    <input class="form-control" type="text" name="gbrand" value="{{$goods->gbrand}}" readmin="请输入修改信息"><span></span>
                                </div>
                                <div class="form-group " style="width:300px">
                                    <label>商品网址:</label>
                                    <input class="form-control" type="text" name="gurl" value="{{$goods->gurl}}" readmin="请输入修改信息"><span></span>
                                </div>
                                <input type="hidden" name="gid" value="{{$goods->gid}}">
                                {{csrf_field()}}
                                <button id="submit" type="submit" class="btn btn-default btn btn-primary">提交</button>&nbsp;&nbsp;&nbsp;
                            </form>
                        </div>
                        <!-- 错误信息 -->
                       <div class="col-lg-2">
                           @if(count($errors) > 0)
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                            @endif
                       </div>
                    </div>
                    <!-- /.row (nested) -->
                </div>
                <!-- /.panel-body -->
            </div>
            <!-- /.panel -->
        </div>
        <!-- /.col-lg-12 -->
    </div>
    <!-- /.row -->
</div>

@endsection
@section('js')
<script type="text/javascript">
    var ue = UE.getEditor('editor',{
        toolbars: [
    [
        'anchor', //锚点
        'undo', //撤销
        'redo', //重做
        'bold', //加粗
        'indent', //首行缩进
        'snapscreen', //截图
        'italic', //斜体
        'underline', //下划线
        'strikethrough', //删除线
        'subscript', //下标
        'fontborder', //字符边框
        'superscript', //上标
        'formatmatch', //格式刷
        // 'source', //源代码
        // 'blockquote', //引用
        'pasteplain', //纯文本粘贴模式
        'selectall', //全选
        // 'print', //打印
        'preview', //预览
        'horizontal', //分隔线
        'removeformat', //清除格式
        'time', //时间
        'date', //日期
        'unlink', //取消链接
        // 'insertrow', //前插入行
        // 'insertcol', //前插入列
        // 'mergeright', //右合并单元格
        // 'mergedown', //下合并单元格
        // 'deleterow', //删除行
        // 'deletecol', //删除列
        // 'splittorows', //拆分成行
        // 'splittocols', //拆分成列
        // 'splittocells', //完全拆分单元格
        // 'deletecaption', //删除表格标题
        // 'inserttitle', //插入标题
        // 'mergecells', //合并多个单元格
        // 'deletetable', //删除表格
        'cleardoc', //清空文档
        // 'insertparagraphbeforetable', //"表格前插入行"
        // 'insertcode', //代码语言
        'fontfamily', //字体
        'fontsize', //字号
        'paragraph', //段落格式
        'simpleupload', //单图上传
        'insertimage', //多图上传
        'edittable', //表格属性
        // 'edittd', //单元格属性
        // 'link', //超链接
        'emotion', //表情
        'spechars', //特殊字符
        'searchreplace', //查询替换
        // 'map', //Baidu地图
        // 'gmap', //Google地图
        // 'insertvideo', //视频
        // 'help', //帮助
        'justifyleft', //居左对齐
        'justifyright', //居右对齐
        'justifycenter', //居中对齐
        'justifyjustify', //两端对齐
        'forecolor', //字体颜色
        'backcolor', //背景色
        // 'insertorderedlist', //有序列表
        // 'insertunorderedlist', //无序列表
        // 'fullscreen', //全屏
        // 'directionalityltr', //从左向右输入
        // 'directionalityrtl', //从右向左输入
        // 'rowspacingtop', //段前距
        // 'rowspacingbottom', //段后距
        // 'pagebreak', //分页
        // 'insertframe', //插入Iframe
        // 'imagenone', //默认
        // 'imageleft', //左浮动
        // 'imageright', //右浮动
        // 'attachment', //附件
        // 'imagecenter', //居中
        // 'wordimage', //图片转存
        'lineheight', //行间距
        // 'edittip ', //编辑提示
        'customstyle', //自定义标题
        // 'autotypeset', //自动排版
        // 'webapp', //百度应用
        // 'touppercase', //字母大写
        // 'tolowercase', //字母小写
        'background', //背景
        // 'template', //模板
        // 'scrawl', //涂鸦
        // 'music', //音乐
        // 'inserttable', //插入表格
        // 'drafts', // 从草稿箱加载
        // 'charts', // 图表
    ]
]
}); 


/*表单验证部分*/
    //声明全局变量
    var GCATE = false;
    var GNAME = false;
    var GPRICE = false;
    var GURL = false;
    var GBRAND = false;

    //绑定表单提交事件
    $('form').submit(function(){

        //触发所有的丧失焦点事件
        $('input').trigger('blur');

        //判断是否全部成功
        if(GNAME && GPRICE && GURL && GBRAND){
            return true;
        }else{
            return false;
        }
    })

    // 选择分类后
    $('select[name=cid]').change(function(){
        var cid = $(this).val(); //获取分类id查询是否有子分类
        var inp = $(this);

        $.ajax({
            url:'/admin/goods/catecheck',
            data:{cid:cid},
            type:'get',
            success:function(data){
                if(data == 1){
                    //不可用 有子分类
                    inp.next().css('color','red').html('此分类下有子分类,请在子分类下添加商品');
                    inp.css('border','1px solid red');
                    return false;
                }else{
                    //可用
                    inp.next().html('√').css('color','green');
                    inp.css('border','1px solid green');
                    $(this).next().html('');
                    GCATE = true;
                }
            },
            error:function(){
                console.log('ajax错误');
            },
            timeout:3000,
            async:false
        })
        
        
    })
    
    // 获取所属商店id
    var sid = $('select[name=sid]').val();

    $('select[name=sid]').change(function(){
        sid = $(this).val();
        $('input').attr('disabled',false);
        $('button[id=submit]').attr('disabled',false);
    })
   
    //给所有的字段绑定获取焦点事件
    $('input').focus(function(){
        //获取属性 提示信息
        var readmin = $(this).attr('readmin');
        //给后面的span标签修改文本
        $(this).next().html(readmin).css('color','blue');
    })

    //绑定商品名的丧失焦点事件
    $('input[name=gname]').blur(function(){
        //检测商品名是否为空
        if($(this).val() == null){
            $(this).next().html('商品名不能为空').css('color','red');
            $(this).css('border','1px solid red');
            return false;
        }

        var gname = $(this).val(); // 获取商品名

        var sid = $('select[name=sid]').val(); //获取cid

        var gid = $('input[name=gid]').val();  //获取gid

        var inp = $(this);

        //如果正确了 发送ajax验证同一商店下商品名是否重复
        $.ajax({
            url:'{{url('/admin/goods/editcheck')}}',
            data:{gname:gname,sid:sid,gid:gid},
            type:'get',
            success:function(data){
                if(data == 1){
                    //不可用 存在
                    inp.next().html('此商店下已存在该商品,请更换商品名').css('color','red');
                    inp.css('border','1px solid red');
                    return false;
                }else{
                    //可用
                    inp.next().html('√').css('color','green');
                    inp.css('border','1px solid green');
                    GNAME = true;
                }
            },
            error:function(){
                console.log('ajax错误');
            },
            timeout:3000,
            async:false
        })
    })

    // 为商品价格绑定丧失焦点
    $('input[name=gprice]').blur(function(){
        if($(this).val() != ''){
            $(this).next().html('√').css('color','green');
            $(this).css('border','1px solid green');
            GPRICE = true;
        }else{
            $(this).next().html('价格不能为空').css('color','red');
            $(this).css('border','1px solid red');
            return false;
        }
    })

    // 为所属商城绑定丧失焦点
    $('input[name=gbrand]').blur(function(){
        if($(this).val() != ''){
            $(this).next().html('√').css('color','green');
            $(this).css('border','1px solid green');
            GBRAND = true;
        }else{
            $(this).next().html('商城名不能为空').css('color','red');
            $(this).css('border','1px solid red');
            return false;
        }
    })

    // 为商品网址绑定丧失焦点
    $('input[name=gurl]').blur(function(){
        if($(this).val() != ''){
            $(this).next().html('√').css('color','green');
            $(this).css('border','1px solid green');
            GURL = true;
        }else{
            $(this).next().html('商品网址不能为空').css('color','red');
            $(this).css('border','1px solid red');
            return false;
        }
    })

</script>
@endsection